.statement {
	.page-content {
		padding: 104px 10px 10px;
		.pie {
			height: 46%;
			border-radius: 8px;
			background-color: #fff;
			.totalMsg {
				height: .4rem;
				line-height: .7rem;
				text-align: center;
				.name {

				}
				.number {
					margin-right: 10px;
					font-weight: 600;
				}
				.number:last-child {
					margin-right: 0;
				}
				.color1 {
					color: #47d8bf;
				}
				.color2 {
					color: #8eafec;
				}
				.color3 {
					color: #f9a589;
				}
				.color4 {
					color: #f58095;
				}
			}
			#pie {
				width: 100%;
				height: calc( 100% - .8rem );
			}
		}
		.HSpace1 {
			width: 100%;
			height: 2%;
			opacity: 0;
		}
		.histogram {
			height: 52%;
			border-radius: 8px;
			background-color: #fff;
			.title {
				text-align: center;
				font-size: .3rem;
				height: .6rem;
				line-height: .6rem;
			}
			.totalMsg {
				text-align: center;
				height: .4rem;
				line-height: .4rem;
				.number {
					margin-right: 10px;
					font-weight: 600;
				}
				.color1 {
					color: #47d8bf;
				}
				.color2 {
					color: #8eafec;
				}
				.color3 {
					color: #f9a589;
				}
				.color4 {
					color: #f58095;
				}	
			}
			#histogram {
				width: 100%;
				height: calc( 100% - 1.4rem );
			}
		}
	}
}